<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	
  <title>海尔优家直连演示</title>
  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <script type="text/javascript" src="js/rem.js" ></script>
  <style type="text/css">
  	/*html,body{
  		height: 100%;
  	}*/
  	#weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;color: #fff;}
	#weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
	#weixin-tip p img{
		width: 100%;
	}
	#weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

	.android-btn img{
		width: 40%;
		margin-left: 30%;
	}
  </style>
</head>
<script src="https://s22.cnzz.com/z_stat.php?id=1263617832&web_id=1263617832" language="JavaScript"></script>
<body>
	<div class="container">
		<!-- <div class="title">卖场演示APP使用说明 </div> -->
		<p class="title-p">1.下载APP </p>
		<p class="content-p">本APP仅支持android手机下载，点击下方按钮可以直接进行下载，APP软件大小为22.5M。目前适配新上市的电热水器(A9、S9、Smart系列)、燃气热水器(T3S系列),后面新的系列会相应支持</p>
		<a id="J_weixin" class="android-btn" href="http://files.git.oschina.net/group1/M00/01/D9/PaAvDFmyQUCACPtHAeNgSNLTVQE810.apk?attname=app-Haier-release.apk">
		<img src="images/android-btn.png">
		</a>
		<div id="weixin-tip">
			<p>
				<img src="images/live_weixin.png" alt="微信打开"/>
				<span id="close" title="关闭" class="close">×</span>
			</p>
		</div>
	
	
		 <p class="title-p">2.打开App内无线开关，刷新设备列表数据</p>
		 <div>
        <img src="images/list_on2.png"/>
   </div>
    
    
    <p class="title-p">3: 连接设备</p>

    <!--方式一-->
    <p class="title-p-p"><strong>方式 一:</strong></p>
    <p class="title-p">(1) 选择名字为Softap_U_E(G)W<font color="red">XXXX</font>(<font color="red">XXXX</font>为<font
            color="red">mac地址后四位</font>)的设备无线名称，等待APP自动配置完成，跳转到控制界面</p>
 <p class="title-p">特别提示：
      	<font color="red">Mac地址的后四位与WIFI名称后四位一一对应，可根据WIFI名称后四位找到对应的热水器</font></p>


    <div>
        <img src="images/e.png"/>
    </div>
    
    
     <p>Mac地址位置如下图：</p>
    <div>
        <img src="images/mac_out.png"/>
    </div>
     <div>
        <img src="images/mac_in.png"/>
    </div>
    
    
    <p class="title-p">(2) 连接成功后用户可在列表页面直接操作，也可以点击设备名称进入控制页面操作（详情见第3条说明）。</p>
    <div>
        <img src="images/d.png"/>
    </div>
  
    <p class="title-p">(3) 用户操作界面</p>
    <div>
        <img src="images/main.jpg"/>
    </div>

    <!--&lt;!&ndash;方式二&ndash;&gt;-->
    <!--<p class="title-p-p"><strong>方式 二（无需Mac地址） :</strong></p>-->
    <!--<p class="title-p">(1) 打开app,点击扫描按钮，扫描机器编码</p>-->
    <!--<div>-->
        <!--<img src="img/12.png"/>-->
    <!--</div>-->

    <!--<p>机器编码所在位置如下图所示：</p>-->

    <!--<div>-->
        <!--<img src="img/device_number.png"/>-->
    <!--</div>-->

    <!--<p class="title-p">(2)等待扫描配置成功去体验</p>-->
    <!--<div>-->
        <!--<img src="img/6.png"/>-->
    <!--</div>-->
    <!--<p class="title-p">(3) 用户操作界面</p>-->
    <!--<div>-->
        <!--<img src="img/jietu.png"/>-->
    <!--</div>-->
	
	<p class="title-p">消息推送说明：</p>
  <p class="title-p"> 1、安装，并且打开App后，会定期推送网器产品最新培训资料，直销员可以打开推送查看。详情见下图：
  </p>
 <div>
        <img src="images/tuisong.png"/>
    </div>
    <p class="title-p">其他功能展示：</p>
  <p class="title-p"> （1）海尔优家APP推广二维码
  </p>
 <div>
        <img src="images/erweima.jpeg"/>
    </div>
    <p class="title-p"> （2）点击右上角加号，可以查看APP内帮助文档以及问题反馈，快速操作步骤等功能
  </p>
 <div>
        <img src="images/jiahao.png"/>
    </div>
	</div>
		
	</div>
		
</body>
<script type="text/javascript">
	var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
window.onload = function() {
	var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS，不需要的可以去掉
	var btn = document.getElementById('J_weixin');
	var tip = document.getElementById('weixin-tip');
	var close = document.getElementById('close');
	if (is_weixin) {
		btn.onclick = function(e) {
			tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
			tip.style.display = 'block';
			return false;
		}
		close.onclick = function() {
			tip.style.display = 'none';
		}
	}
}
</script>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>海尔优家直连演示</title>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <script type="text/javascript" src="js/rem.js"></script>
    <style type="text/css">
        /*html,body{
        height: 100%;
        }*/
        #weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;color:
        #fff;}
        #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
        #weixin-tip p img{
        width: 100%;
        }
        #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0
        #ddd;position:absolute;top:0;left:5%;}

        .android-btn img{
        width: 40%;
        margin-left: 30%;
        }
    </style>
</head>
<body>
<div class="container">
    <!-- <div class="title">卖场演示APP使用说明</div> -->
   


</body>
<script type="text/javascript">
	var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
window.onload = function() {
	var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS，不需要的可以去掉
	var btn = document.getElementById('J_weixin');
	var tip = document.getElementById('weixin-tip');
	var close = document.getElementById('close');
	if (is_weixin) {
		btn.onclick = function(e) {
			tip.style.height = winHeight + 'px'; //兼容IOS弹窗整屏
			tip.style.display = 'block';
			return false;
		}
		close.onclick = function() {
			tip.style.display = 'none';
		}
	}
}


</script>
</html>